<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>触屏界面的相册</title>
	<script src="./../js/commonJs.js"></script>
	<script src="//res.waygc.net/jQuery/jquery-3.4.1.min.js"></script>
</head>

<body>
	<div class="aside_box left_side" id="left_aside">
		<div id="left_box" class="left_box"></div>
	</div><div class="middle_box">
		<div class="img_box_wrapper" id="img_box_wrapper">
			<div id="big_img_box" class="big_img d-inline-block p-4"></div>
		</div>
	</div><div class="aside_box">
		<div class="img_cnts text-white">
			<div class="mb-5">
				<div class="page_back paging_icon" id="paging_back_btn"></div>
			</div>
			<p>上下滑动翻页</p>
			<p class="mt-3">当前第<span id="now_page_no">1</span>页</p>
			<div class="mt-5">
				<div class="page_next paging_icon" id="paging_next_btn"></div>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="./../js/album.js"></script>
	<link rel="stylesheet" type="text/css" href="./../css/album.css" />
	<script type="text/javascript">
		album().loadStaticUrl([
			"https://pic1.zhimg.com/v2-966b70827d3735207ffffba7db244a3a_1200x500.jpg",
			"http://image.91chep.com/3b9eedca0a9e42ce9cd313ddfcfdf096680_680.jpg",
			"http://fengshuiworld.my/wp-content/uploads/2019/01/%E5%B1%B1%E6%B0%B4%E7%94%BB-%E9%A3%8E%E6%B0%B4%E7%94%BB-%E6%8B%9B%E8%B4%A2-%E8%81%9A%E8%B4%A2-%E5%82%AC%E8%B4%A2-%E5%8C%96%E7%85%9E-%E6%B6%88%E9%99%A4-%E5%8E%8B%E5%8A%9B-%E9%A3%8E%E6%B0%B4-%E4%B8%96%E7%95%8C-feng-shui-world-%E6%97%AD%E6%97%A5%E4%B8%9C%E5%8D%87-03.jpg",
			"http://pic.616pic.com/ys_bnew_img/00/39/42/foQ5ME6GRb.jpg",
			"http://art2500.com/uploadfile/ueditor/image/20190413/1555125755444955.jpg",
			"http://pic.616pic.com/bg_w1180/00/22/50/Pk189xPh0n.jpg",
			"http://www.zgwypl.com/uploadfile/2018/0919/20180919105240650.jpg",
			"https://image.seohost.cn/storage/4692/article/20181024/1540366184992573.jpg",
			"https://img.alicdn.com/imgextra/i4/i1/16230030386444330/T1HJZSXcXbXXXXXXXX_!!0-item_pic.jpg",
			"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1572486681&di=d6176481155152adc1b71d2874230aba&imgtype=jpg&er=1&src=http%3A%2F%2Fec8.images-amazon.com%2Fimages%2FI%2F81zAJaXSNML._SL1500_.jpg"
		]);
	</script>
</body>

</html>